<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>

<!-- start: Meta -->
<meta charset="utf-8">
<title>PinWall by creativeLabs</title> 
<meta name="description" content="PinWall Theme"/>
<meta name="keywords" content="Template, Theme, web, html5, css3" />
<meta name="author" content="Łukasz Holeczek from creativeLabs"/>
<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"/>
<!-- end: Meta -->

<!-- start: Mobile Specific -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- end: Mobile Specific -->

<!-- start: Facebook Open Graph -->
<meta property="og:title" content=""/>
<meta property="og:description" content=""/>
<meta property="og:type" content=""/>
<meta property="og:url" content=""/>
<meta property="og:image" content=""/>
<!-- end: Facebook Open Graph -->

<!-- start: CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/colors/yellow.css" id="colors">
<link rel="stylesheet" type="text/css" href="css/social_icons.css">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo">
<!-- end: CSS -->

<!-- start: Java Script -->
<script src="../../../ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="js/jquery.gmap.min.js"></script>
<script def src="js/template_functions.js"></script>
<!-- end: Java Script -->

</head>
<body>

<!-- start: Header -->
<div id="header">
	
	<!-- start: Container -->
	<div class="container">

		<!-- start: Logo -->
		<div class="one-third column">
			<div id="logo">
				<a href="#"><img src="images/logo.png" alt="logo" /></a>
			</div>
		</div>
		<!-- end: Logo -->

		<!-- start: Social Links -->
		<div class="two-thirds column">
			<div id="social-links">
				<ul class="social-bookmarks">
					<li class="deviantart"><a href="#">deviantart</a></li>
					<li class="dribbble"><a href="#">dribbble</a></li>
					<li class="facebook"><a href="#">facebook</a></li>
					<li class="flickr"><a href="#">flickr</a></li>
					<li class="github"><a href="#">github</a></li>
					<li class="pinterest"><a href="#">pinterest</a></li>
					<li class="twitter"><a href="#">twitter</a></li>
					<li class="vimeo"><a href="#">vimeo</a></li>
					<li class="youtube"><a href="#">youtube</a></li>
				</ul>
				<div id="search">
					<input class="search-form" name="search-form" />
				</div>
			</div>	
		</div>
		<!-- end: Social Links -->

	</div>
	<!-- end: Container -->

</div>
<!-- end: Header -->

<!-- start: Navigation Wrapper -->
<div id="navigation-wrapper">
					
	<!-- start: Container -->
	<div class="container">
		
		<div id="logo-small"></div>
		<!-- start: Navigation -->
		<div id="navigation">
			<ul id="nav">

				<li><a href="index-2.html">Start</a></li>
				
				<li><a href="#">Categories</a>
					<ul>
					<li><a href="videos.html">Videos</a></li>
					<li><a href="pictures.html">Pictures</a></li>
					<li><a href="quotes.html">Quotes</a></li>
					<li><a href="projects.html">Projects</a></li>
					</ul>
				</li>

				<li><a href="#">How it works</a>
					<ul>
					<li><a href="shortcodes.html">Shortcodes</a></li>	
					<li><a href="full_width.html">Full Width</a></li>
					<li><a href="sidebar.html">Sidebar</a></li>
					<li><a href="post.html">Single Post</a></li>
					<li><a href="about.html">About Us</a></li>
					<li><a href="pricing_tables.html">Pricing Tables</a></li>
					</ul>
				</li>

				<li><a href="about.html">About</a></li>
				<li><a class="contact-toggle" href="#">Contact</a></li>

			</ul>

		</div>
		<!-- end: Navigation --> 
		<div class="clear"></div>

	</div>
	<!-- end: Container -->

</div>
<!-- end: Navigation Wrapper-->

<!-- start: Container -->
<div class="container">
	<!-- start: Page Title Icon-->
	<div id="page-title-icon"></div>
	<div id="page-title-icon-inner">
		<i class="ico-google-maps ico-white"></i>
	</div>
	<!-- end: Page Title Icon-->
	<!-- start: Page Title -->
	<section id="page-title">
		<h2>Contact</span></h2>
	</section>
</div>
<!-- end: Container  --> 
	
<!-- start: Wrapper -->
<div id="wrapper" class="white-wrapper">

<!-- start: Container -->	
<div class="container">
	
	<!-- start: Map -->
	<div class="sixteen columns google-map">
			
		<!-- starts: Google Maps -->
		<div id="googlemaps" class="google-map google-map-full" style="height:350px; margin-bottom: 20px"></div>

		<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
		<script src="js/jquery.gmap.min.js"></script>
		
		<script type="text/javascript">
		jQuery('#googlemaps').gMap({
			maptype: 'ROADMAP',
			scrollwheel: false,
			zoom: 13,
			markers: [
				{
					address: 'Los Angeles, United States', // Your Adress Here
					html: '',
					popup: false,
				}

			],
			
		});
		</script>
		<!-- end: Google Maps -->
	</div>
	
	<!-- end: Map -->	
	
</div>
<!-- end: Container  -->	

<!-- start: Container -->	
<div class="container">

	<!-- start: Contact Form -->
	<div class="twelve columns">
		<div class="headline no-margin"><h4>Contact Form</h4></div>
		
		<div class="form-spacer"></div>
		
		<!-- Success Message -->
		<div class="success-message">
			<div class="notification success closeable">
				<p><span>Success!</span> Your message has been sent.</p>
			</div>
		</div>

		<!-- start: Contact Form -->
		<div id="contact-form">
			<form method="post" action="http://holeczek.pl/webdevelopment/pinwall/contact.php">
				
				<div class="field">
					<label>Name:</label>
					<input type="text" name="name" class="text" />
				</div>
				
				<div class="field">
					<label>Email: <span>*</span></label>
					<input type="text" name="email" class="text" />
				</div>
				
				<div class="field">
					<label>Message: <span>*</span></label>
					<textarea name="message" class="text textarea" ></textarea>
				</div>
				
				<div class="field">
					<input type="button" id="send" value="Send Message"/>
					<div class="loading"></div>
				</div>
				
			</form>
		</div>
		<!-- end: Contact Form -->
		
	</div>
	<!-- end: Contact Form -->
		
	<!-- start: Social Sites -->
	<div class="four columns">
		<h4>Follow US!</h4>
		<ul class="social-bookmarks">
			<li class="aim"><a href="#">aim</a></li>
			<li class="apple"><a href="#">apple</a></li>
			<li class="behance"><a href="#">behance</a></li>
			<li class="blogger"><a href="#">blogger</a></li>
			<li class="cargo"><a href="#">cargo</a></li>
			<li class="delicious"><a href="#">delicious</a></li>
			<li class="deviantart"><a href="#">deviantart</a></li>
			<li class="digg"><a href="#">digg</a></li>
			<li class="dopplr"><a href="#">dopplr</a></li>
			<li class="dribbble"><a href="#">dribbble</a></li>
			<li class="ember"><a href="#">ember</a></li>
			<li class="evernote"><a href="#">evernote</a></li>
			<li class="facebook"><a href="https://www.facebook.com/brankic1979themes">facebook</a></li>
			<li class="flickr"><a href="http://www.flickr.com/photos/brankic1979/">flickr</a></li>
			<li class="forrst"><a href="#">forrst</a></li>
			<li class="github"><a href="#">github</a></li>
			<li class="google"><a href="#">google</a></li>
			<li class="googleplus"><a href="#">googleplus</a></li>
			<li class="gowalla"><a href="#">gowalla</a></li>
			<li class="grooveshark"><a href="#">grooveshark</a></li>
			<li class="html5"><a href="#">html5</a></li>
			<li class="icloud"><a href="#">icloud</a></li>
			<li class="lastfm"><a href="#">lastfm</a></li>
			<li class="linkedin"><a href="#">linkedin</a></li>
			<li class="metacafe"><a href="#">metacafe</a></li>
			<li class="mixx"><a href="#">mixx</a></li>
			<li class="myspace"><a href="#">myspace</a></li>
			<li class="netvibes"><a href="#">netvibes</a></li>
			<li class="newsvine"><a href="#">newsvine</a></li>
			<li class="orkut"><a href="#">orkut</a></li>
			<li class="paypal"><a href="#">paypal</a></li>
			<li class="picasa"><a href="#">picasa</a></li>
			<li class="pinterest"><a href="#">pinterest</a></li>
			<li class="plurk"><a href="#">plurk</a></li>
			<li class="posterous"><a href="#">posterous</a></li>
			<li class="reddit"><a href="#">reddit</a></li>
			<li class="rss"><a href="#">rss</a></li>
			<li class="skype"><a href="#">skype</a></li>
			<li class="stumbleupon"><a href="#">stumbleupon</a></li>
			<li class="technorati"><a href="#">technorati</a></li>
			<li class="tumblr"><a href="#">tumblr</a></li>
			<li class="twitter"><a href="#">twitter</a></li>
			<li class="vimeo"><a href="#">vimeo</a></li>
			<li class="wordpress"><a href="#">wordpress</a></li>
			<li class="yahoo"><a href="#">yahoo</a></li>
			<li class="yelp"><a href="#">yelp</a></li>
			<li class="youtube"><a href="#">youtube</a></li>
			<li class="zerply"><a href="#">zerply</a></li>
			<li class="zootool"><a href="#">zootool</a></li>
		</ul>
	</div>
	<!-- end: Social Sites -->

</div>
<!-- end: Container -->

</div>
<!-- end: Wrapper -->

<!-- start: Footer -->
<div id="footer">
	<!-- start: Container -->
	<div class="container">
	
		<!-- start: About -->
		<div class="one-third column">
			<h3>About Us</h3>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
		</div>
		<!-- end: About -->
		
		
		<!-- start: Photo Stream -->
		<div class="one-third column">
			<h3>Photo Stream</h3>
			<div class="flickr-widget">
				<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=29609591@N08"></script>
				<div class="clear"></div>
			</div>
		</div>
		<!-- end: Photo Stream -->
		
		<!-- start: Latest Tweets -->
		<div class="one-third column">
			<h3>Latest Tweets</h3>
			<ul id="twitter"></ul>
				<script type="text/javascript">
					jQuery(document).ready(function($){
					$.getJSON('http://api.twitter.com/1/statuses/user_timeline/envato.json?count=3&amp;callback=?', function(tweets){
					$("#twitter").html(tz_format_twitter(tweets));
					}); });
				</script>
			<div class="clear"></div>
		</div>
		<!-- end: Latest Tweets -->
		
	</div>
	<!-- end: Container  -->

</div>
<!-- end: Footer -->

<!-- start: Under Footer -->
<div id="under-footer">
	
	<!-- start: Container -->
	<div class="container">
				
		<div id="under-footer-text">
			<div class="sixteen columns">
				<h2>we really love beautiful design</h2>	
			</div>
		</div>
		
		<div id="under-footer-copyright">
			<div class="sixteen columns">
				<p>© Copyright 2012 by <a href="#">creativeLabs</a>. All rights reserved.</p>		
			</div>
		</div>
		
		<div id="under-footer-logo">
			<div class="sixteen columns">
				<a href="#"><img src="images/logo-small.png" alt="logo" /></a>	
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>	

	</div>
	<!-- end: Container  -->

</div>
<!-- end: Under Footer -->

</body>
</html>